<template>
	<view id="myview">
		这是一个组件{{num}}
		这是父组件传递过来的数据{{title}}
		<button type="primary" @click="sendNum">给父组件传值</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				num:3,
				intID:null
			};
		},
		props:['title'],
		methods:{
			sendNum(){
				console.log('给父组件传值')
				this.$emit('myEven',this.num)
			}
		},
		beforeCreate() {
			console.log('实例开始初始化了')
			// 实例开始初始化,但是数据还没有开始初始化
			console.log(this.num)
		},
		created() {
			//实例创建完成后
			console.log('created',this.num)
			// this.intID=setInterval(()=>{
			// 	console.log('执行定时器')
			// },1000)
		},
		beforeMount() {
			//组件还没渲染到页面
			//console.log('beforemount',document.getElementById('myview'))
		},
		mounted() {
			//组件已经渲染到页面上，可以操作dom
			//console.log('beforemount',document.getElementById('myview'))
		},
		destroyed() {
			console.log('组件销毁了')
			clearInterval(this.intID)
		}
	}
</script>

<style>

</style>
